En Prosopopeya Divagante vi el otro día una imagen flotante con efecto aleatorio, cambia la imagen cada vez que actualizamos la página. Podéis verlo accediendo al blog de NeNe_WeNo y pulsando f5 para actualizar la página.
Las imágenes las ha creado el autor del blog, pero también podemos hacerlo con otras imágenes añadiéndoles un bocadillo o simplemente con un texto de bienvenida. Esta otra idea tampoco está nada mal, todo es cuestión de probar.
El código para añadir las imágenes flotantes lo podemos añadir en edición HTML justo antes de </body> y es el siguiente:
<script language='JavaScript'>
imagenes = new Array(9)
imagenes[0] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[1] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[2] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[3] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[4] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[5] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[6] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[7] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[8] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])
</script>
En negrita es la url de las imágenes que podemos sustituir por las nuestras.
Si deseamos añadir menos imágenes bastará con suprimir alguna línea de código ejemplo :
imagenes[8] = "<img border='0' src='http://i41.servimg.com/u/f41/12/11/79/42/dudo10.png' style='position:fixed; bottom:0; right:0;'/>"
En el caso de aumentar bastará con aumentar otra línea como imagenes[9] y donde imagenes = new Array(9) cambiaremos 9 por 10, (o por el número de líneas añadidas)
Gema, una conculta:
Pongo una nueva plantilla en mi blog y todo queda perfecto, solamente hay un problema: el primer post queda muy abajo: asi que hay un espacio en blanco grande y ya a partir de este espacio inicia el post escrito. Ya del segundo post en adelante, todos están perfectos.
Le he buscado para arreglarle esta situación y nada, no encuentro la manera. ¿Podrías ayudarme? ¿qué puedo hacer?
Gracias de antemano.
Gema, una pregunta:
mira es que tengo un problema
no se como puedo acer
un codigo para almacenarme
bueno es la primera vez que entro i me gusta mucho tu blog
i te agregado a favoritos
vueno i echa un viztazo aber si tegusta mi blog
es que nomas tengo 14 anyos i es todo lo que se
vengan dew
hOLA gEMA, BUENO HICE TODO TAL CUAL LO INDICASTES, PERTO NO ME RESULTA, ES DECIR, NO SE VEN LAS IMAGENES, NO SE QUE ES LO QUE PUEDA ESTAR GACIENDO MAL.........POR QUE NO VISITAS MI BLOG Y VES SI ME PUEDES AYUDAR.....
http://patopatan.blogspot.com/
Hola Jaime, lo que puedes hacer es dejarme ver tu blog, puede ser un problema de la plantilla o que añadiste algún elemento de página justo antes de las entradas y está desplazando el post.
Marcuniversal no entiendo eso de un código para almacenarte ¿me lo explicas de nuevo?
Considerando la edad que tienes y que te estás iniciando está estupendo :)
¿Sabes que tengo visitas que crearon su blog y tiene 12 años? es fantástico :)
Patán he mirado tu plantilla online y no veo el código para las imágenes antes de </body> :(
Gema, otro gran favor: ¿para que sirve la caja llamada "Disclaimer"?
No tengo ni idea, y es que apenas estoy aprendiendo pues he cambiado mi plantilla clásica a una de blogger nuevo, y estoy hecho un lio.
Muchas gracias
gracias port responderme, estoy viendo el porque no me resulta, tendra algo que ver la imagen que tengo para subir arriba, que esta en la parte inferior derecha de la pagina.......
copie el codigo que das tal cuql esta, pero no me resulta, no se que podrá ser...
Hola! Muy buena esas imagenes... Saludos...
mmmmmmmm madrina me gusta voy a probar algo...jajajajaja...
Saludos....
Patán es muy probable que sea por lo que dices ya que las dos tienen la posición right (derecha)
Prueba cambiando en el código donde dice right por left esto la situará a la izquierda y ves si es por ese motivo.
Jaime no te creas que tengo más idea ¿donde viste esa caja?
Están muy bien Antony le dan como digo yo... vidilla al blog(alegría)
Pizcos avísame cuando tengas eso que estás probando jajajaja !quiero verlo¡
Por razones que no vienen al caso, he tenido que actualizar las imágenes a las que se hace referencia en este post (y de paso les he puesto mi firma, que es un detalle que nunca viene mal). Dentro de poco esas URL dejarán de estar operativas. Tanto si quieres hacer la actualización como si prefieres ahorrarte ese trabajo, por mí perfecto.
P.D.: Ha quedado estupendo el post.
Saludos.
NeNe_WeNo agradezco me informes de ese detalle, espero que los motivos de ese cambio no tengan nada que ver con esta entrada. Como recordarás antes de hacer nada te pedí permiso para publicarla y amablemente te ofreciste incluso a colaborar si así hacía falta cosa que te agradezco.
Como verás he citado la fuente y dado detalles sobre las imágenes, no tengo inconveniente en retirar las imágenes si no deseas que sean divulgadas.
Gracias de nuevo ;)
Madrina...pasate por casa...efecto mootools con jquery!!!!..que se que te gusta...jajajajaja
No es cosa de la entrada Gem@, tranquila. Si lo fuera, las habría cambiado sin más.
No me importa que sean divulgadas. Todo lo contrario, me halagaría. Siempre es un orgullo que guste el trabajo que hace uno. Pero, dicho sea de paso, me parecen mejor como están ahora.
Saludos. Y sigue así.
Pizcos ... ya vas conociendo mis gustos ;) voy a ver y te comento ;)
NeNe_WeNo entonces todos contentos, lo que si haré será retirar la url de las imágenes para no crear confusión.
Se le pica en la pestaña donde dice diseño, y ahi está, Gema. Del lado derecho, es la cajita arriba de la de perfil.
Gracias
Una idea muy buena, las imágenes de nene_weno son geniales y las que tú apuntas también son una inspiración.
Espero que no te moleste, pero Amanda de Blogger Buster habló en su blog hace unos días del icono flotante para ir arriba y le sugerí en un comentario que le echase un vistazo a esta entrada.
Jaime esa es la pestaña para compartir nuestros datos personales, si tienes el perfil disponible y activas esa opción aparecerá en la columna de tu blog la imagen que tengas predeterminada como avatar.
Te da la opción de mostrar sólo la imagen o una breve descripción como lugar de residencia o país y debajo deja visible un enlace para ver el perfil completo título y enlace a tu blog, intereses...
Yo misma todo lo contrario, me parece genial que lo comentaras dejando enlace.
Sé que lo haces siempre ;)
Jaime, ahora leí bien "es la cajita de arriba" pero no en todos los blogs las pestañas están en la misma posición por ejemplo en el mio no tengo el perfil en la página principal.
Creo que no tienes configurado tu blog en español, disclaimer quiere decir más o menos "renuciar".
Haz lo siguiente:
Sitúate en panel, en la columna de la derecha aparece la imagen del perfil y luego dice:
# Editar Perfil (o Ver)
# Mi cuenta
# Idioma
En idioma escoge español y mira si ha cambiado Disclaimer por otro texto.
Pues resulta que no encuentro donde poner el codigo para las imagenes imagenes flotantes... (es que soy algo inexperto en todo esto y apenas voy sacando adelante mi blog ) dices que es antes de body pero no se realmente como acomodarlo sera que me puedas ayudar GEMITA... de paso te invito para que veas mi blog y me digas que opinas de el vale.. os mando un beso y un abrazo (asuuuuuuuu perdon por la confianza pero es que me inspiras je je je )
Así es Black Star debes copiar todo el código que he puesto dentro de la caja de códigos, luego ir a plantilla edición de HTML y justo antes de </body> pegar el código.
Donde url de la imagen (está en negrita) debes sustituirlo por la url de tus imágenes.
Gracias gema por la preocupacion me resultó pero ahora estoy confeccionando las imagenes para colocarlas....
mil gracias.
Patán estupendo, avísame cuando las tengas ¿si? me encantará verlas :D
Ok. te aviso.......
Hoal Gem@!! Dios mio, cada vez tiene mas comentarios esto es imposible xD
Bueno, yo tengo algo parecido en mi blog, solo que con una imagen fija. Voy a ir probando, a ver si tengo suerte y consigo poner que sea aleatoria.
Gracias ;)
!Alvaro cuanto tiempo amigo ¡ no me había dado cuenta de tu imagen que por cierto me encanta al ser de fondo transparente ;)
Muchas gracias, Gema.
Gema, he puesto algunas imagenes en mi blog...pero son provisorias ya que las coloque para probar...
Ahy que tener en cuenta que las imagenes, ojala sean todas jpg......para que asi no den problemas de visualización....
Chequea mi pagina y me das tu opinión......
saludos...Patán
Patán están muy bien, son muy originales aunque yo las pondría un poco más pequeñas, pero eso es a gusto de cada uno ;)
oK. las colocare y te aviso.....
Lo hice tal como explicas y me funcionó genial... además creo que me quedaron una imágenes muy sugerentes... por si a alguien le interesa verlas en www.miwoper.blogspot.com
Ahora tengo una duda y es que me salen además de en la pántalla del blog (en la que ve todo el mundo) y también en la de "Editar diseño - elementos de página"...
No sé porque sale ahí... y además me molesta porque me tapa algunos elementos de la sidebar izquierda y no las puedo mover... ¿sabes de qué puede ser?
Gracias
Es normal que ocurra woper la ubicación que tiene es "fuera" de la plantilla es la única forma que el efecto sea la imagen sobre el blog. Lo que puedes hacer es buscar unas imágenes sin fondo, o si manejas algún editor de imágenes convertir esas mismas imágenes para que quede el fondo transparente.
No puedo orientarte sobre cómo hacerlo porque es algo que llevo tiempo intentando.
Si alguien sabe algún editor online que consiga ese efecto y nos lo quiera conta le estaré muy agradecida ;)
gemitaaaaaaaaaaaaaa al fin pude poner las imagenes aleatoriaaas yupiiiiiiiiiiiiiiiiii ja ja ja ja ja gracias por tu ayuda y me gustaria que te dieras un vuelta por mi blog y le eches un ojito... que dices pasas si o si?.
Chao os manddo un abrazo desde mexico
mi blog es http://pandosblackstar.blogspot.com
Black Star !han quedado fantásticas¡ ¿cómo conseguiste añadirles fondo transparente?
Quedaron muy buenas las imagenes en el blog de http://pandosblackstar.blogspot.com
explica por favor como colocar fondo transparente yo he tratado conel photoshop pero aun no puedo....
pasa por mi Blog http://patopatan.blogspot.com
Hola Patán no domino el photoshop, pero encontré este tutorial que puede ser de interés ;)
Hola gem@, utilze pothoshop para las imegenes flotantes, el secreto esta en eliminar el fondo a toda la imagen y guardarla con la extencion .png
que es muy parecida al gif,solo que la png es igual en calidad a un jpg, pero pesa mucho menos que esta asi es que espero que te sirva este pequeño apunrte y si quieres que te explique mas detalladamente avisame y te explico je je chaou
POR FIN LO LOGRE.....ERA MÁS FACIL DE LO QUE PENSABA.........AHORA A SELECCIONAR LAS IMAGENES QUE USARE............UN ABRAZO DESDE CHILE.....
Estupendo Patán, veremos tu obra de arte ;)
Me lo suponía Black Star, ya sé que suprimiendo el fondo y guardando la imagen con extensión png. se consigue , pero es necesario utilizar Pothoshop. Lo que yo busco es lo mismo pero que sea online, nada de bajar el programita que luego caduca a los 15 días.
De todas formas te lo agradezco mucho ;)
Si quieres subo el programa a mi blog con la licencia, yo lo tengo desde tiempo y con la licencia original.......
avisame si lo quieres
Pues estaría genial Patán, claro que si :D
! Gracias ¡
ESTOY HCIENDO LOS *.RAR PARA SUBIRLO......TE AVISO CUANDO ESTE LISTO......BESOS PATO
ACA TE DEJO UNOS ENLACES PARA QUE BAJES UNAS VERSIONES PORTABLES DEL PHOTOSHOP, MIENTRAS SUBO LA VERSION COPLETA.
BESOS
PATRICIO
http://rapidshare.com/files/102278264/photoshop_portable
_CS3_www.photoshoperos.com.rar
http://rapidshare.com/files/4163558/PortablePhotoshopCS2
_Www.Tuxela.Com_.rar
SIN PASS.
Gea a terminado de coocar algunas imagenes me gustaria qeu las vieras y me dieras tu opinión.....
saludos Pato..
Como lo prometí aca esta el Adobe Photoshop 8 CS Full con serial y en Castellano entra a mi blog "http://patopatan.blogspot.com/
2008/05/adobe-photoshop-8-cs
-full-con-serial-y.html" y lo puedes bajar....
!Muchas gracias¡ ya lo he descargado, en cuanto tenga unos minutos para dedicarle me pongo manos a la obra ;)
Yo te tengo agregada a mi blog hace tiempo yo no me encuentro en el tuyo...????
saludos
Pato
Agregado ;)
RSB puede ser porque estás usando Explorer, intenta visualizarlo con Firefox o cualquier otro navegador ;)
No creo q sea eso por que el de prosopopeya si que le veo
Déjame el enlace al blog donde las añadiste para ver si doy con el error :)
el blog es http://el-equipo-a.blogspot.com/, gracias por toda la ayuda
Permiso Gem@ por responder algo que te consultan a ti......
mi amigo vi tu plantilla y estas usando imagenes *.gif......prueba con imagenes *.jpg o *.png......
si cambias las extenciones te saldra, yo lo probe.....
Otra vez disculpa Gem@ por meterme......pero creo que ayude en algo..
Gracias por tu saludo....me hace falta para salir adelante...
Tu Amigo
Patricio.....(Patán)
No tengo que disculpar nada Patricio, todo lo contrario es agradable ver la disponibilidad para ayudar.
Gracias ;)
Mucahas gracias por las respuestas, cambie la imagen a png y sigue igual, que mas puede ser?
Permiso Gem@:
La respuesta es más facil de lo que pensaba....
ubica este codigo right:0;'/>"imagenes[1]
y lo separas en esta parte
right:0;'/>" imagenes[1]
y asi en todas....lo colocas en la misma forma que esta en la entrada y listo
aca coloco en forma correcta como lo tienes que dejar
<script language='JavaScript'>
imagenes = new Array(9)
imagenes[0] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[1] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[2] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[3] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[4] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[5] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[6] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[7] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[8] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])
</script>
Muchisimas gracias por la ayuda, ya funciona, ahora solo me falta crear unas cuantas imagenes, que solo tenia la de hannibal para probar. Gracias por preocuparse tanto por que funcione
Que bueno que te funcionará, lo unico es que si puedes achicar un poco las imagenes para que no abarque tanto espacio en tu Blog....
Con una maestra como Gem@ se puede ayudar, ella es mi mentora en esto.
Saludos
patricio (Patán)
Si ya me di cuenta, crees que ahora esta bien??
Ya voy a prestar mas atencion a este blog por si yo puedo ayudar
Me alegra que ya esté solucionado, estuve visitando tus blogs Joseph y hay uno "Una serie de los 80´s inolvidable" que deberías visualizarlo con Firefox, te vas a llevar una sorpresa pero creo que puede solucionarse. El error consiste que añadiste un script dentro de los CSS (el random de imágenes) y otra parte de los CSS lo añadiste antes del */
body {
Lo que sigue debes ponerlo antes de ]]></b:skin>
/*
blockquote {
background: url(http://aquí-la-direccion-de-la-imagen) no-repeat 0 3px;
color: #666;
padding-left: 25px;
font-size : 15pt;
font-style: italic;
margin-bottom: 1px;
display:block;
padding-top:5px;
}
.post-body img#new {
margin:0;
padding:0;
border:none;
}
Y el ramdon si no lo vas a añadir (no tiene imágenes) puedes suprimirlo y listo ;)
Hola, muchas gracias, aclara que el blog "Una serie de los 80´s inolvidable" no es mio, y que yo no soy Joseph, soy RSB, tan solo escribo alguna vez en el.
Muchisimas gracias por avisar, ya se lo e contado al dueño del blog para que lo soluciones, por cierto, que te parecieron los blogs??
Pues todo aclarado RSB, los blogs están muy bien, la plantilla de jackbook me encanta, el logo ha quedado de lujo y lo tienes todo muy bien organizado ;)
Quizás la imagen flotante un poco más pequeña de más amplitud pero todo es cuestión de gustos :D
genial, me gustó, una mega duda ¿como le hago si quiero que la imagen flotante sea también un enlace a alguna página?, verás quiero hacer un "botón de pánico" en mi página, no se si los has visto es un botoncito (imagen, javascript, es al gusto) que al hacer click en el te redirige a otra página como puede ser una busqueda en google de "como mejorar la productividad" o algo por el estilo por si te cachan en internet, jaja, pero no lo he visto como imágen flotante y quiero justo una así.¿Qué opinas?¿Será complicado hacer uno?
No se como hacerlo, pero lo e visto echo en pitodoble.com, no es con el boton del panico sino con una imagen de chanquete, quizas os ayude a encontrar la forma de hacerlo, saludos RSB
gracias, aunque creo que elpitodoble no usa blogger, si me sale te digo como, si quieres
Pitodoble estoy casi seguro de que no usa blogger, pero quiza el codigo te valga, por ejemplo, el que uso yo para canviar el favicon es de html, no es exclusivo de blogger.
Gema, una duda, para solucionar el problema de firefox de Joseph, valdria con cambiar la plantilla?
Bardruck una imagen flotante puede hacer de enlace a cualquier página, podéis verlo en esta explicación,lo único necesario es añadir la url de la página en lugar de la de nuestro blog :D
RSB cambiando la plantilla el problema desaparecería porque se trata de una modificación con errores no de la plantilla, si se decide a hacerlo dile que además de guardar copia de la plantilla lo haga de los elementos de la sidebar ;)
vaya muchas gacias
Gemma yo hice esto, pero lo que quiero lograr es que al pinchar las imagenes aleatoreas estas te lleven al comienzo del blog, como lo hace tu flechita...lo he porvado varias veces cambiando y combinando codigos y no lo logro
besos
LIZ
Ayudando a la causa, usa este código para la flechita que quieres colocar.
<a href='#' shape='rect'>
<img alt='ir arriba' border='0' src='http://url de la imagen a utilizar' style='position: fixed; bottom:0; left:0;'/>
que te sirva
</a>
lo corrigo:
<a href='#' shape='rect'>
<img alt='ir arriba' border='0' src='http://i28.tinypic.com/e70vv7.png' style='position: fixed; bottom:0; left:0;'/>
</a>
sorry
Gracias Patán por ayudarme ;) Elizabetha puedes probar la forma que te indica Patán o esta otra hace el mismo efecto que tengo en mi blog.
(He visto tus comentarios, son respuestas que tengo pendientes amiga mía, este fin de semana intentaré ponerme al día con el blog y contestar a tus dudas entre otras cosas ;)
Un abrazo grande.
Elizabetha he modificado el código para que a la vez que sea aleatoria también tenga el efecto de ir a inicio del blog.
Veamos si sale completo, debes pegarlo en el mismo lugar que el otro.
<script language='JavaScript'>
imagenes = new Array(5)
imagenes[0] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[1] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[2] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[3] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[4] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])
</script>
En new Array(5) debes poner la cantidad de imágenes que vas a añadir ;)
QUE BUENO QUE ESTES POOR ESTOS LADOS NUEVAMENTE AMIGA QUERIDA.......SE TE EXTRAÑA......YO ACA FULL CON MIS ESTUDIOS Y A LA PAR CON MI TRABAJO......UN BESO Y ABRAZOS....
PATRICIO (PATÁN)
GEMMA ERES UN SOLLLLLLLLLLLLLLLLL
GRACIASSSSSSSSS
Ahora es una casa menos..gracias por tu tiempo se que tienes mucho que hacer
Solo quiero pedire una cosa mas
no puedo poner los iconos de navegacion (Home, next) porque No aparece todo el codigo en mi platilla solo la primera frase..intente pegar el tuyo y no sirvió
ayudameeeeee!!!sobre hacer un blog con lo que he aprendido...NO SERIA NADA SIN TI!!!!TU ERES LA MAESTRA!!!
Peo por mientras ayudo al papa de una amiga a personalizar el suyo..en todo caso hare uno o varios post con las cosas nuevas que aprendí
GRACIASSSSSSSS
tu siempre me ayudassssssss
BESITOSSSSSSSS
LIZ
Me Ha NkAnTaDO Tu blog la d cosaS q E AprenDiDo . . . .
PeRo m GuZtaria sabR AlGun aCCesoRio +, ComO lOs q HAy En Mi PAGInA ( AUNQuE yA StA MUy CargAdITa )
PErO, Si PUedEs, pAsatEW UN MOMENTo
http://espirula-pon-zi.blogspot.com
http://quericosestanloschupachups.blogspot.com
Saludos Patricio :)
Liz ¿lo de los iconos de navegación no estaba ya resuelto? me da la sensación que le dimos solución en otro comentario, si no es así discúlpame y me lo haces saber ;)
EsPiRuLa agradezco la visita y los comentarios, creo entender (no estoy segura la verdad) que buscas accesorios, puedes encontrar en la nube de etiquetas en "generadores" y en "accesorios"
muchas grasias por a gran ayuda que nos das con estos complementos para nuestro blog
ami si me resulto aui les dejo mi blog para que lo chequen y grasias por tu ayuda saludos
http://www.cronos-zero.com.ar/
Me alegra que te fuera útil Cronos :)
que onda gem@esta muy chido tu blog este esmi primer coment aqui
esta chido eso de la imagen flotante pero lo puse en mi blog y me relentizo la pagina un buen hay alguna formade de inpedir que se relentize mi blog?
saludos
Yo veo que tu página carga muy bien Abraham, es normal que hasta que la página no está completamente cargada la imagen no se muestre pero la carga es rápida.
Obsérvalo porque quizás sea tu conexión ;)
si tienes razon en la compu de un amigo si carga bien ya me estaba procupando porque esta bien chido tener hay una imagen flotante
Gracias
Saludos
Está muy chido eso que vaya cambiando :)
Paciencia con la compu ;)
Hola de nuevo. Esta idea me ha encantado y estuve un tiempo haciendo imágenes para mi blog pero a la hora de poner el código me sale: "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Attribute name "http:" associated with an element type "img" must be followed by the ' = ' character."
No entiendo que hice mal porque lo unico que hago es copiar y pegar...
Luxuria comprueba las comillas y cambia las dobles por sencillas.
Qué rapidez!así da gusto jeje. Pues tras estar intentándolo y desesperándome, he probado añadiendo el código por partes y vi que volviendo a poner la urll de las imásgenes ya iba. ¡Muchas gracias por todo! Este efecto me parece muy gracioso jeje
Me alegra que al final resultara bien ;)
Bueno Germa agrega uno mas a tu lista jeje :P bueno gracias por dejar tantos pasos los seguire pero haber si me agregan a sus msn para q me puedan ayduar en varias cosas para una web ps recien comienzo mi msn es george_stev@hotmail.com haber si se puede agregaria tbn cosas q aprenda bueno gracais por todo y tomen en cuenta mi msn nos vemos y Dios lo bendiga :D
DISCULPA era GEMA por apurado escribi mal bueno de todass maneras gracias y como dije agreguen a uno mas a la lista de amigos jeje
Hola George, verás... el caso que esto es un blog no se trata de clases particulares ni nada por el estilo. Si deseas que te ayude en algo relacionado con el blog estás ahora mismo en el lugar indicado.
Puedes usar los archivos, el buscador, la tabla de contenidos y si aún así no das solución a tus dudas pregunta todo lo que quieras, yo te ayudaré en la medida que mis posibilidades me permitan :)
necesito unos codigos para html en la cual pueda poner unas imagenes sobre otras me puedes ayuar en ello please
yz George mira aquí puedes añadir una imagen de fondo y sobre ella otra imagen de cualquier tamaño.
Si no fuera eso explícame un poco más :)
hola gema ojala puedas ayudarme, pero que pasa si este truco lo quiero utilizar en la cabecera
¿como lo podria hacer?
yz WicHo si deseas añadir un banner aleatorio te recomiendo esta entrada de Rosa:
http://elescaparatederosa.blogspot.com/search?q=header :)
gracias gema eres la mejor :D
yz Gracias a ti WicHo.
Cualquier cosa pregunta, que si no está te digo donde encontrarlo ;)
ahora quiero aparte de ser aleatorias...que al darle click me deje cerrarla..como hago esto
yz clases22x ¿cerrar el qué? ¿la imagen aleatoria?
si la imagen aleatoria..como podria hacerlo???
o tambien como hacer que esa imagen se cierre al pasar digamos 5segundos..
yz clases22x para que una imagen se reproduzca aleatoriamente es decir cambie de imagen cada vez que se actualiza la página necesita un script.
No sé como podría hacerse para que al mismo tiempo de la opción de cerrar o desaparezca :(
Lo que si hay es otra opción de imagen flotante con opción a cerrar pero no es aleatoria, puedes verlo aquí
Hola como estas, espero bien, bueno al grano..jeje.. Debe ser simple o a lo mejor no tanto pero la cosa es, como podría dejar el "Arriba" que no sea brusco, osea yo pincho y me deje al tiro arriba, me gustaría dejar "la velocidad de subida" como la dejaste tu , me gusta mas y es mas atractiva, lo otro y último , creo que también debe ser simple, que debo modificar y agregar para que al pasar por encima de la imagen salga un titulo "X" que hayas elegido, agregue algunos códigos de otras soluciones no de la aleatoria + Up, pero no conseguí cambiar nada, ojala me puedas ayudar, eso es jeje.. espero tu respuesta.
se cuida, saludos.
yz Shadow†Sneak ese efecto se consigue siguiendo los pasos de esta entrada:
http://gemablog-.blogspot.com/2008/02/ir-inicio-en-las-entradas-con-efecto.html
La diferencia es que el efecto no es aleatorio pero de todas formas veo que añadiste ese efecto con una misma imagen.
Para que al pasar el ratón muestre un texto añadimos "title" y si queremos un texto alternativo con "alt"
<img title="Aquí el título" alt="Aquí texto alternativo" src="url de la imagen">
Emm..no coloque 2 imágenes, tengo pensado colocar 10, las cosa es agregar lo que mencione anteriormente pero,con en el mismo código de acá, se puede hacer eso?.. y la segundo del texto antes o después, de que va? (que código) yo solamente tengo añadido el texto alternativo (Alt), pero necesito el otro..jeje.
saludos.
Edit: bueno, ya pude dejar para que apareciera el texto , ahora solo necesito, lo de las imágenes aleatoria con el efecto Scroll suave hacia arriba,lo otro también tengo en cabeza se puede dejar que aparezcan dos imágenes a ambos lados (derecho e izquierdo) pero con efecto Abajo y arriba (ya sea derecho o izquierdo)? se podría hacer eso?.
saludos.
yz -¦-= Shadow†Sneak =-¦- para conseguir que la imagen flotante sea a la vez aleatoria es un poco largo de explicar, pero vamos a intentarlo si te parece en una entrada ;)
Bueno, ojala crees una con este tema ya que la básica no es muy atractiva que digamos..XD jeje..entonces esperare a que la crees.
saludos y gracias.
Se me olvido colocar, habrás querido decir para que la imagen flotantes aleatoria sea a la vez con efecto deslizante, cierto?..XD.. ojala sea así..
saludos.
yz Ya tienes esa entrada para ti :)
Lo que me comentas de dos imágenes es posible hacerlo pero sería muy largo en la misma entrada eso lo pruebo y te digo como hacerlo porque es lo mismo sólo que ubicando la imagen a la izquierda y cambiando la dirección de subir por bajar :D
Hola, enhorabueno por el blog esta muychulo pero podrías ayudarme?
He seguido las instrucciones y no hay forma de que funcione, la página nunca llega a cargarse al 100% y la imagen no se ve.
Te dejo la direccion de mi blog por si la necesitases http://poetictragedy777.blogspot.com/
Podrías decirme por qué pasa ésto por favor?
Gracias
creo que problema solucionado xD
yz Estupendo Dead Letters me alegra que así sea :)
Gracias por avisar.
Hola Gema@ otra vez :D
Me pregunto si se puede poner una imagen flotante, pero cualquiera, una imagen comun y corriente de mi propio pc?
Espero que si ^^ gracias.
yz Claro que puedes Strokera, debes subirla antes a un alojamiento (puede ser una entrada del blog que luego la dejes en borrador) y una vez tiene sla url la añades donde dice url-de-la-imagen ;)
Si deseas menos imágenes simplemente dejas tantas líneas donde vas a añadir la url de la imagen.
Hola Gema: Disculpa, no sabía donde postear esto. Me gustaría saber cómo hicieron en: www.ramenparados.blogspot.com para poner un slideshow en html, en el que se puede hacer click en la noticia que quiero ver.
Si puedes le ds un vistazo, y si me pudieras dar alguna idea para hacer uno.
Gracias de antemano!
yz Hola Diago, está utilizando un slide de la galería Javascript mootools:
v1.11.http://smoothgallery.jondesign.net/
El enmarcado va en las imágenes, y cada imagen va enlazando la entrada correspondiente ;)
Gracias Gema! :)
:: No hay de qué Diago :)
Gema, como siempre... hermoso!, te lo robo!...
:: Todo tuyo Juno :)
Gema amiga por favor ayúdame en algo ¿Cómo debo armar el código para que cada imagen aleatoria tenga un enlace externo a mi feed? Porfa dame una mano ¿si?
:: Prueba de esta forma, en lugar de:
<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>
Añadimos lo siguiente.
<a href="aquí-url-feed"><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>
Mil gracias me funcionó de maravilla!!!
:: Me alegra que así sea Asociación Integración :)
Nota: solo los miembros de este blog pueden publicar comentarios.